<html>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<head>
    <script type="text/javascript">
        $(function () {
            $('button').eq(0).click(function () {
                var newTag = $('<li>newLi</li>');
                $('div ul').append(newTag);//在元素内部的最后添加内容
                $('div ul').prepend(newTag);//在元素前面添加内容
                $('div ul').before(newTag);//在元素前面添加内容
                $('div ul').before(newTag);//在元素前一级添加内容
                $('div ul').after(newTag);//在元素后一级添加内容

            })
            $('button').eq(1).click(function () {
                $('div ').remove()//彻底删除标签
            });
            $('button').eq(2).click(function () {
                $('div ').empty();//删除html内容但保留标签
            })
        })
    </script>
</head>
<body>
    <button>添加</button>
    <button>删除</button>
    <button>清空</button>
    <div>
        <ul>
            <li>节点</li>
        </ul>
    </div>
</body>
</html>
